<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>后台管理系统</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="resources/vendors/simple-line-icons/css/simple-line-icons.css">
    <link rel="stylesheet" href="resources/vendors/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="resources/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <link rel="stylesheet" href="resources/vendors/daterangepicker/daterangepicker.css">
    <link rel="stylesheet" href="resources/vendors/chartist/chartist.min.css">
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <!-- Layout styles -->
    <link rel="stylesheet" href="resources/css/style.css">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="resources/images/favicon.png"/>
    <script src="resources/js/common/jquery-1.11.3.min.js"></script>
    <script src="resources/js/user/getUser.js"></script>
</head>
<body>

<div class="container-scroller">
    <!-- partial:partials/top.html -->
    <nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="navbar-brand-wrapper d-flex align-items-center">
            <a class="navbar-brand brand-logo" href="index.html">
                <img src="resources/images/logo.svg" alt="logo" class="logo-dark"/>
            </a>
            <a class="navbar-brand brand-logo-mini" href="index.html"><img src="resources/images/logo-mini.svg" alt="logo"/></a>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center flex-grow-1">
            <h5 class="mb-0 font-weight-medium d-none d-lg-flex">欢迎登录后台管理系统</h5>
            <ul class="navbar-nav navbar-nav-right ml-auto">
                <form class="search-form d-none d-md-block" action="#">
                    <i class="icon-magnifier"></i>
                    <input type="search" class="form-control" placeholder="输入查找信息..." title="Search here">
                </form>
                <li class="nav-item dropdown d-none d-xl-inline-flex user-dropdown">
                    <a class="nav-link dropdown-toggle" id="UserDropdown" href="#" data-toggle="dropdown"
                       aria-expanded="false">
                        <img class="img-xs rounded-circle ml-2" src="resources/images/faces/face8.jpg" alt="Profile image"> <span
                            class="font-weight-normal" name="username">username </span></a>
                    <div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
                        <div class="dropdown-header text-center">
                            <img class="img-md rounded-circle" src="resources/images/faces/face8.jpg" alt="Profile image">
                            <p class="mb-1 mt-3" name="role">role</p>
                            <p class="font-weight-light text-muted mb-0" name="adminEmail">email</p>
                        </div>
                        <a class="dropdown-item"><i class="dropdown-item-icon icon-user text-primary"></i> 个人信息</a>
                        <a href="login.html" class="dropdown-item"><i
                                class="dropdown-item-icon icon-power text-primary"></i>注销</a>
                    </div>
                </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button"
                    data-toggle="offcanvas">
                <span class="icon-menu"></span>
            </button>
        </div>
    </nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:partials/left.html -->
        <nav class="sidebar sidebar-offcanvas" id="sidebar">
            <ul class="nav">
                <li class="nav-item nav-profile">
                    <a href="#" class="nav-link">
                        <div class="profile-image">
                            <img class="img-xs rounded-circle" src="resources/images/faces/face8.jpg" alt="profile image">
                            <div class="dot-indicator bg-success"></div>
                        </div>
                        <div class="text-wrapper">
                            <p class="profile-name">Allen Moreno</p>
                            <p class="designation">Administrator</p>
                        </div>

                    </a>
                </li>
                <li class="nav-item nav-category">
                    <span class="nav-link">后台管理系统</span>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="index.html">
                        <span class="menu-title">首页</span>
                        <i class="icon-screen-desktop menu-icon"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false"
                       aria-controls="ui-basic">
                        <span class="menu-title">用户管理</span>
                        <i class="icon-layers menu-icon"></i>
                    </a>
                    <div class="collapse" id="ui-basic">
                        <ul class="nav flex-column sub-menu">
                            <li class="nav-item"><a class="nav-link" href="page/user/userList.html">用户列表</a></li>
                            <li class="nav-item"><a class="nav-link" href="page/user/userAdd.html">新增用户</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="resources/pages/icons/simple-line-icons.html">
                        <span class="menu-title">商品管理</span>
                        <i class="icon-globe menu-icon"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="resources/pages/forms/basic_elements.html">
                        <span class="menu-title">订单管理</span>
                        <i class="icon-book-open menu-icon"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="resources/pages/charts/chartist.html">
                        <span class="menu-title">秒杀系统</span>
                        <i class="icon-chart menu-icon"></i>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="resources/pages/tables/basic-table.html">
                        <span class="menu-title">接口文档</span>
                        <i class="icon-grid menu-icon"></i>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- partial -->
        <div class="main-panel">
            <div class="content-wrapper">


                <div class="row">
                    <div class="col-md-12 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <div class="d-sm-flex align-items-center mb-4">
                                    <h4 class="card-title mb-sm-0">商品列表</h4>
                                    <a href="#" class="text-dark ml-auto mb-3 mb-sm-0"> View all Products</a>
                                </div>
                                <div class="table-responsive border rounded p-1">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th class="font-weight-bold">Store ID</th>
                                            <th class="font-weight-bold">Amount</th>
                                            <th class="font-weight-bold">Gateway</th>
                                            <th class="font-weight-bold">Created at</th>
                                            <th class="font-weight-bold">Paid at</th>
                                            <th class="font-weight-bold">Status</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>
                                                <img class="img-sm rounded-circle" src="resources/images/faces/face1.jpg"
                                                     alt="profile image"> Katie Holmes
                                            </td>
                                            <td>$3621</td>
                                            <td><img src="resources/images/dashboard/alipay.png" alt="alipay"
                                                     class="gateway-icon mr-2"> alipay
                                            </td>
                                            <td>04 Jun 2019</td>
                                            <td>18 Jul 2019</td>
                                            <td>
                                                <div class="badge badge-success p-2">Paid</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <img class="img-sm rounded-circle" src="resources/images/faces/face2.jpg"
                                                     alt="profile image"> Minnie Copeland
                                            </td>
                                            <td>$6245</td>
                                            <td><img src="resources/images/dashboard/paypal.png" alt="alipay"
                                                     class="gateway-icon mr-2"> Paypal
                                            </td>
                                            <td>25 Sep 2019</td>
                                            <td>07 Oct 2019</td>
                                            <td>
                                                <div class="badge badge-danger p-2">Pending</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <img class="img-sm rounded-circle" src="resources/images/faces/face3.jpg"
                                                     alt="profile image"> Rodney Sims
                                            </td>
                                            <td>$9265</td>
                                            <td><img src="resources/images/dashboard/alipay.png" alt="alipay"
                                                     class="gateway-icon mr-2"> alipay
                                            </td>
                                            <td>12 dec 2019</td>
                                            <td>26 Aug 2019</td>
                                            <td>
                                                <div class="badge badge-warning p-2">Failed</div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <img class="img-sm rounded-circle" src="resources/images/faces/face4.jpg"
                                                     alt="profile image"> Carolyn Barker
                                            </td>
                                            <td>$2263</td>
                                            <td><img src="resources/images/dashboard/alipay.png" alt="alipay"
                                                     class="gateway-icon mr-2"> alipay
                                            </td>
                                            <td>30 Sep 2019</td>
                                            <td>20 Oct 2019</td>
                                            <td>
                                                <div class="badge badge-success p-2">Paid</div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="d-flex mt-4 flex-wrap">
                                    <p class="text-muted">1/10</p>
                                    <nav class="ml-auto">
                                        <ul class="pagination separated pagination-info">
                                            <li class="page-item"><a href="#" class="page-link"><i
                                                    class="icon-arrow-left"></i></a></li>
                                            <li class="page-item active"><a href="#" class="page-link">1</a></li>
                                            <li class="page-item"><a href="#" class="page-link">2</a></li>
                                            <li class="page-item"><a href="#" class="page-link">3</a></li>
                                            <li class="page-item"><a href="#" class="page-link">4</a></li>
                                            <li class="page-item"><a href="#" class="page-link"><i
                                                    class="icon-arrow-right"></i></a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- content-wrapper ends -->
            <!-- partial:partials/_footer.html -->

            <!-- partial -->
        </div>
        <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="resources/vendors/js/vendor.bundle.base.js"></script>
<!-- endinject -->
<!-- Plugin js for this page -->
<script src="resources/vendors/chart.js/Chart.min.js"></script>
<script src="resources/vendors/moment/moment.min.js"></script>
<script src="resources/vendors/daterangepicker/daterangepicker.js"></script>
<script src="resources/vendors/chartist/chartist.min.js"></script>
<!-- End plugin js for this page -->
<!-- inject:js -->
<script src="resources/js/off-canvas.js"></script>
<script src="resources/js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page -->
<script src="resources/js/dashboard.js"></script>
<!-- End custom js for this page -->
</body>
</html>